<template>
     <!-- 此页面为手机版的底部tabs -->
    <div class="flexc" style="height: 50px; background: #fff; box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, 0.05);">
      <div style="flex: 1; text-align: center;">
        <router-link to="/page/homePage">
          <div class="flexcc" v-if="!$route.path.includes('/page/homePage')"><img src="../../static/appimg/n1.png" style="width: 20px;"></div>
          <div class="flexcc" v-if="$route.path.includes('/page/homePage')"><img src="../../static/appimg/n19.png" style="width: 20px;"></div>
          <div style="font-size: 10px; margin-top: 4px;">首页</div>
        </router-link>
      </div>
      <div style="flex: 1; text-align: center;">
        <router-link to="/dingdanguanli/dingdanchuli">
          <div class="flexcc" v-if="!$route.path.includes('/dingdanguanli/dingdanchuli')"><img src="../../static/appimg/n2.png" style="width: 20px;"></div>
          <div class="flexcc" v-if="$route.path.includes('/dingdanguanli/dingdanchuli')"><img src="../../static/appimg/n20.png" style="width: 20px;"></div>
          <div style="font-size: 10px; margin-top: 4px;">订单</div>
        </router-link>

      </div>
      <div style="flex: 1; text-align: center;">
        <router-link to="/shangpinguanli/gongyingshangshangpin">
          <div class="flexcc" v-if="!$route.path.includes('/shangpinguanli/gongyingshangshangpin')"><img src="../../static/appimg/n3.png" style="width: 20px;"></div>
          <div class="flexcc" v-if="$route.path.includes('/shangpinguanli/gongyingshangshangpin')"><img src="../../static/appimg/n21.png" style="width: 20px;"></div>
          <div style="font-size: 10px; margin-top: 4px;">商品</div>
        </router-link>
      </div>
      <div style="flex: 1; text-align: center;">
        <router-link to="/fenxiaoshangguanli/fenxiaoshangguanli">
          <div class="flexcc" v-if="!$route.path.includes('/fenxiaoshangguanli/fenxiaoshangguanli')"><img src="../../static/appimg/n4.png" style="width: 20px;"></div>
          <div class="flexcc" v-if="$route.path.includes('/fenxiaoshangguanli/fenxiaoshangguanli')"><img src="../../static/appimg/n22.png" style="width: 20px;"></div>
          <div style="font-size: 10px; margin-top: 4px;">分销商</div>
        </router-link>
      </div>
      <div style="flex: 1; text-align: center;">
        <router-link to="/mine/home">
          <div class="flexcc" v-if="!$route.path.includes('/mine/home')"><img src="../../static/appimg/n5.png" style="width: 20px;"></div>
          <div class="flexcc" v-if="$route.path.includes('/mine/home')"><img src="../../static/appimg/n23.png" style="width: 20px;"></div>
          <div style="font-size: 10px; margin-top: 4px;">我的</div>
        </router-link>
      </div>
    </div>
    <!-- 此页面为手机版的底部tabs -->
</template>

<script>
	export default {
		name: 'footerApp',
		data() {
			return {

			}
		},
		created() {


		},
		mounted() {

      

		},
		methods: {

		}
	}
</script>


<style scoped lang="less">
  .router-link-active{color: rgb(0, 90, 255) !important;

  }
  .router-link-exact-active{color: rgb(0, 90, 255) !important;

  }
</style>
